import React from "react";
import { Link } from "react-router-dom";

const Basice: React.FC = () => {
    return (
        <nav style={{ width: "60%", margin: "auto" }}>
            <h2>three.js 基础</h2>
            <ul>
                <li>
                    <Link to="/RenderStructure">RenderStructure 渲染结构</Link>
                </li>
                <li>
                    <Link to="/ResponsiveDesign">Canvas响应式布局</Link>
                </li>
                <li>
                    <Link to="/Geo2D">二维图形</Link>
                </li>
                <li>
                    <Link to="/Geo3D">三维图形</Link>
                </li>
                <li>
                    <Link to="/LineGeo">线性几何体</Link>
                </li>
                <li>
                    <Link to="/CustomGeo">自定义几何体</Link>
                </li>
                <li>
                    <Link to="/WaveBallDemo">波浪球Demo</Link>
                </li>
                <li>
                    <Link to="/Universe">太阳系</Link>
                </li>
                <li>
                    <Link to="/TankDemo">坦克Demo</Link>
                </li>
            </ul>
        </nav>
    );
};

export default Basice;